<template>
	<view class="page">
		<!-- 导航栏 -->
		<freenavbar :title="title" :msgNum="msgNum" fixedStatus/>
		
		<!-- 菜单列表 -->
		<freeListItem class="commpd" @click="click" title="朋友圈" showRight size="50" cover="/static/images/find/pyq.png">
			<view slot="right" class="position-relative p-1">
				<freeAvater size="55" src="/static/images/index/logo5.jpg"></freeAvater>
				<text class="rounded-circle bg-danger" style="width: 20rpx;height: 20rpx;top: 0;right: 0;position: absolute;"></text>
			</view>
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<!-- 菜单列表 -->
		<freeListItem @click="click" title="视频号" showRight size="50" cover="/static/images/find/sph.png">
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<freeListItem @click="click" title="扫一扫" showRight size="50" cover="/static/images/find/sys.png">
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<freeListItem @click="click" borderBottom title="看一看" showRight size="50" cover="/static/images/find/kyk.png">
		</freeListItem>
		<freeListItem @click="click" title="搜一搜" showRight size="50" cover="/static/images/find/syis.png">
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<freeListItem @click="click" title="直播和附近" showRight size="50" cover="/static/images/find/zb.png">
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<freeListItem @click="click" borderBottom title="购物" showRight size="50" cover="/static/images/find/gw.png">
		</freeListItem>
		<freeListItem @click="click" title="游戏" showRight size="50" cover="/static/images/find/yx.png">
		</freeListItem>
		<!-- 分割线组件 -->
		<freeDivider></freeDivider>
		
		<freeListItem @click="click"  title="小程序" showRight size="50" cover="/static/images/find/xcx.png">
		</freeListItem>
		
		<!-- 悬浮动画组件 -->
		<freeAnimation imgUrl="https://static01.imgkr.com/temp/d920d683a78b477184bc4bee2aad1e54.png"/>
	</view>
</template>

<script>
	import freenavbar from'@/components/free-ui/free-nav-bar';//顶部导航组件
	import freeListItem from'@/components/free-ui/free-list-item';//列表组件
	import freeAvater from'@/components/free-ui/free-avater'//图像组件
	import freeDivider from'@/components/free-ui/free-divider'//分割线组件
	import freeAnimation from'@/components/free-ui/free-animation'//悬浮动画组件
	export default {
		components:{freenavbar,freeListItem,freeAvater,freeDivider,freeAnimation},
		data() {  
			return {
				title:'发现',
				msgNum:0,//消息数量
				showRight:true,//菜单列表 右箭头 显示隐藏
			}
		},
		methods: {
			// 子组件向父组件传递的事件
			click(e){
				uni.showToast({
					icon:'none',
					title:e,
				})
			}
		}
	}
</script>

<style>
.commpd{
	padding: 14rpx 0px;	
}
</style>
